<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="sidebar">
    <!-- ========== Left Sidebar Start ========== -->
    <div class="left-side-menu left-side-menu-dark">
        <div class="slimscroll-menu">

            <!-- LOGO -->
            <a href="index.html" class="logo text-center mb-4">
                        <span class="logo-lg">
                            学生端
                        </span>
                <span class="logo-sm">
                            <img src="assets/images/logo-sm.png" alt="" height="24">
                        </span>
            </a>
            <!--- Sidemenu -->
            <div id="sidebar-menu">

                <ul class="metismenu" id="side-menu">

                    <li class="menu-title">导航栏</li>

                    <li>
                        <a href="index.html" th:href="@{/toIndex}">
                            <i class="fe-airplay"></i>

                            <span> 首页 </span>
                        </a>
                    </li>

                    <li>
                        <a href="ui-elements.html" th:href="@{/toInfo}">
                            <i class="fe-cpu"></i>
                            <span> 个人信息 </span>
                        </a>
                    </li>


                    <li>
                        <a href="typography.html" th:href="@{/toAcademic}">
                            <i class="fe-type"></i>
                            <span class="badge badge-info float-right">基本分</span>
                            <span> 学业表现 </span>
                        </a>
                    </li>

                    <li>
                        <a href="javascript: void(0);" th:href="@{/toBehavior}">
                            <i class="fe-bookmark"></i>
                            <span class="badge badge-danger float-right">扣分项</span>
                            <span> 行为表现 </span>
                        </a>
                    </li>

                    <li>
                        <a href="javascript: void(0);">
                            <i class="fe-layers"></i>
                            <span> 突出表现 </span>
                            <span class="badge badge-success float-right">加分项</span>
                        </a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li>
                                <a href="components-rangeslider.html" th:href="@{/toProfessionalAbility}">专业技能</a>
                            </li>
                            <li>
                                <a href="components-alerts.html" th:href="@{/toCreativeAbility}">创造能力</a>
                            </li>
                            <li>
                                <a href="components-ribbons.html" th:href="@{/toOrganizationManagement}">组织管理</a>
                            </li>
                            <li>
                                <a href="components-sweet-alerts.html" th:href="@{/toStylisticAbility}">文体能力</a>
                            </li>
                            <li>
                                <a href="components-sweet-alerts.html" th:href="@{/toSocialPractice}">社会实践</a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <!-- End Sidebar -->
            <div class="clearfix"></div>
        </div>
        <!-- Sidebar -left -->
    </div>
    <!-- Left Sidebar End -->
</div>
</body>
</html>